<template>
  <div>
    <div class="shareContent">
      <div class="shareContentItem1"></div>
      <div class="shareContentItem2"></div>
    </div>
    <div class="shareActivityBtnBox">
      <div class="shareActivityBtn" @click="clickBtn">立即邀请翻倍奖励</div>
    </div>
  </div>
</template>
<script>
let time = null
import {getSDK} from '../../../service/wxShare.js'
export default {
  components:{
  },
  beforeCreate(){
    getSDK()
  },
  data(){
    return {
    }
  },
  methods:{
    clickBtn(){
      this.$router.replace('/share')
    }
  },
}
</script>
<style lang="less">
@import '../../../style/mixin.less';
  .shareContent{
    padding-bottom: 1rem;
    .shareContentItem1{
      .wh(10rem,12.36rem);
      background: url('https://bigzhuan.com/img/hd_bg1.jpg') 100% 100% no-repeat;
      background-size: 100%;
    }
    .shareContentItem2{
      .wh(10rem,10.1867rem);
      .bg(black);
      background: url('https://bigzhuan.com/img/hd_bg2.jpg') 100% 100% no-repeat;
      background-size: 100%;
      margin-top: -.1rem;
    }
  }
  .shareActivityBtnBox{
    .wh(100%,1.6rem);
    max-width: 10rem;
    position: fixed;
    bottom:0;
    .bg(#fff);
    .fx();
    .shareActivityBtn{
      .wh(76%,1.2rem);
      .borderRadius(1rem);
      .sc(0.4rem,#fff);
      .bg(#e44d2c);
      .fx();
    }
  }
</style>
